<ul class="nav nav-pills" role="tablist">
	<li role="presentation"><a href="#!/">Bridge Devices</a></li>
	<li role="presentation"><a href="#!/system">Bridge Control</a></li>
	<li role="presentation" class="active"><a href="#!/logs">Logs</a></li>
	<li ng-if="bridge.showVera" role="presentation"><a href="#!/veradevices">Vera Devices</a></li>
	<li ng-if="bridge.showVera" role="presentation"><a href="#!/verascenes">Vera Scenes</a></li>
	<li ng-if="bridge.showFibaro" role="presentation"><a href="#!/fibarodevices">Fibaro Devices</a></li>
	<li ng-if="bridge.showFibaro" role="presentation"><a href="#!/fibaroscenes">Fibaro Scenes</a></li>
	<li ng-if="bridge.showHarmony" role="presentation"><a href="#!/harmonyactivities">Harmony Activities</a></li>
	<li ng-if="bridge.showHarmony" role="presentation"><a href="#!/harmonydevices">Harmony Devices</a></li>
	<li ng-if="bridge.showNest" role="presentation"><a href="#!/nest">Nest</a></li>
	<li ng-if="bridge.showHue" role="presentation"><a href="#!/huedevices">Hue Devices</a></li>
	<li ng-if="bridge.showHal" role="presentation"><a href="#!/haldevices">HAL Devices</a></li>
	<li ng-if="bridge.showMqtt" role="presentation"><a href="#!/mqttmessages">MQTT Messages</a></li>
	<li ng-if="bridge.showHass" role="presentation"><a href="#!/hassdevices">HomeAssistant Devices</a></li>
	<li ng-if="bridge.showDomoticz" role="presentation"><a href="#!/domoticzdevices">Domoticz Devices</a></li>
	<li ng-if="bridge.showSomfy" role="presentation"><a href="#!/somfydevices">Somfy Devices</a></li>
	<li ng-if="bridge.showLifx" role="presentation"><a href="#!/lifxdevices">LIFX Devices</a></li>
	<li ng-if="bridge.showHomeWizard" role="presentation"><a href="#!/homewizarddevices">HomeWizard Devices</a></li>
	<li ng-if="bridge.showOpenHAB" role="presentation"><a href="#!/openhabdevices">OpenHAB Devices</a></li>
	<li ng-if="bridge.showFHEM" role="presentation"><a href="#!/fhemdevices">FHEM Devices</a></li>
	<li ng-if="bridge.showMozIot" role="presentation"><a href="#!/moziotdevices">Mozilla IOT Devices</a></li>
	<li ng-if="bridge.showBroadlink" role="presentation"><a href="#!/broadlinkdevices">Broadlink Devices</a></li>
	<li ng-if="bridge.showHomeGenie" role="presentation"><a href="#!/homegeniedevices">HomeGenie Devices</a></li>
	<li role="presentation"><a href="#!/editdevice">Add/Edit</a></li>
</ul>

<div class="panel panel-default">
	<div class="panel-heading">
		<h1 class="panel-title">Log Messages</h1>
	</div>
	<div class="panel-body">
		<p>
			<button class="btn btn-primary" type="submit" ng-click="updateLogs()">Update
				Log</button>
		</p>
	<scrollable-table watch="bridge.logMsgs">
	<table class="table table-striped table-bordered table-hover">
		<thead>
			<tr>
				<th sortable-header col="time">Time</th>
				<th sortable-header col="level">Level</th>
				<th sortable-header col="message">Message</th>
				<th sortable-header col="component">Component</th>
			</tr>
		</thead>
		<tr ng-repeat="logMessage in bridge.logMsgs">
			<td>{{logMessage.time}}</td>
			<td>{{logMessage.level}}</td>
			<td>{{logMessage.message}}</td>
			<td>{{logMessage.component}}</td>
		</tr>
	</table>
	</scrollable-table>
	</div>
</div>
<div class="panel panel-default">
	<div class="panel-heading">
		<h1 class="panel-title">
			Logging Configuration <a ng-click="toggle()"><span
				class={{imgUrl}} aria-hidden="true"></a>
		</h1>
	</div>
	<div ng-if="visible" class="panel-body">
		<p>
			<button class="btn btn-primary" type="submit"
				ng-click="updateLoggers()">Update Log Levels</button>
			Show All Loggers <input type="checkbox" ng-model="bridge.logShowAll"
				ng-change="reloadLoggers()" ng-true-value=true ng-false-value=false>
			{{bridge.logShowAll}}
		</p>
		<scrollable-table watch="bridge.loggerInfo">
		<table class="table table-bordered table-striped table-hover">
			<thead>
				<tr>
					<th sortable-header col="logLevel">Log Level</th>
					<th sortable-header col="loggerName">Component</th>
					<th>New Log Level</th>
				</tr>
			</thead>
			<tr ng-repeat="logInfo in bridge.loggerInfo">
				<td>{{logInfo.logLevel.substr(0,logInfo.logLevel.indexOf("_"))}}</td>
				<td>{{logInfo.loggerName}}</td>
				<td><select name="new-log-level" id="new-log-level"
					ng-change="addToUpdate(logInfo)" ng-model="logInfo.newLogLevel">
						<option ng-repeat="alevel in levels" value="{{alevel}}">{{alevel.substr(0,alevel.indexOf("_"))}}</option>
				</select></td>
			</tr>
		</table>
		</scrollable-table>
	</div>
</div>